<template>
	<view class="swiper-content">
		<swiper class="swiper"
		:indicator-dots="true" 
		:autoplay="true" 
		:interval="3000" 
		:duration="1000"
		indicator-active-color="#fff">
			<swiper-item v-for="(item, index) in banner" :key="index">
				<view class="swiper-item">
					<navigator url="#" hover-class="none">
						<image :src=" imgUrl + item.image" mode=""></image>
					</navigator>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default{
		props:{
			banner:{
				type:Array,
				default(){
					return []
				}
			}
		},
		data(){
			return {
				imgUrl:this.$imgUrl
			}
		}
	}
</script>

<style>
	.swiper {
		
		width: 100%;
		height: 390rpx;
		
	}
	
	.swiper image {
		width: 100%;
		height: 390rpx;
	}
</style>
